{% macro input() %}
<div class="create-blog">
    <textarea name="" id="blog-content" cols="80" rows="3"></textarea>
    <br>
    <button id="btn-publish" class="btn btn-primary">发表</button>
    <svg class="b1" width="16" height="16" color="blue" viewBox="0 0 17 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M10.648 6.646a.5.5 0 0 1 .577-.093l4.777 3.947V15a1 1 0 0 1-1 1h-14a1 1 0 0 1-1-1v-2l3.646-4.354a.5.5 0 0 1 .63-.062l2.66 2.773 3.71-4.71z" />
    <path fill-rule="evenodd" d="M4.5 5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z" />
  </svg>
    <!-- 实现图片上传 -->
    <input type="file" id="file-img">
    <!-- input 是存放图片上传后的url地址 -->
    <input type="hidden" value="" id="file-img-url">
    <a href="###" id="img-upload">插入一张图片</a>
    <!-- 上传成功后的提示信息 -->
    <span class="img-info"></span>
</div>
<script>
    $("#img-upload").click(function(e) {
        e.preventDefault();
        // 触发$(“#file-img”)jquery 对象的点击事件
        $("#file-img").click();
    })
    $("#file-img").change(function() {
            // 获取到图片信息
            const file = $(this)[0].files[0];
            ajax.upload('/api/upload', file, function(err, data) {
                if (err) {
                    alert(err);
                    return;
                }
                // console.log(data);
                $(".img-info").text(file.name);
                $("#file-img-url").val(data.url);
            })
        })
        //  发布微博
    $("#btn-publish").click(function(e) {
            e.preventDefault();

            // 获取内容，获取图片地址
            const content = $("#blog-content").val();
            // 1.获取图片地址，代码补全
            const images = $("#file-img-url").val();
            if (!content) {
                alert("发表的内容不能为空");
                return;
            }
            const data = {
                content
            };
            if (images) { // 如果上传图片
                data.images = images;
            }
            // 2.传递内容和图片地址
            ajax.post("/api/blog/createBlog", data, function(err, data) {
                if (err) {
                    alert(err);
                    return;
                }
                alert("发表成功")
                    // 刷新页面
                location.href = "";
                console.log(data);
            })
        })
        // @功能
    $('#blog-content').atwho({
        at: "@",
        data: '/api/user/getAtList',
    })
</script>
{% endmacro %}